<%@ page language="java" import="java.util.*,com.xw.util.Const" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
	<base href="<%=basePath%>">
  	<!-- jsp文件头和头部 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>病例单详情</title>
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/bootstrap.css">
    <link rel="stylesheet" href="static/css/font-awesome-4.7.css">
    <link rel="stylesheet" href="static/css/blxx.css">
		<link rel="stylesheet" href="static/css/colorbox.css" />
    <script src="static/js/jquery-1.11.3.js"></script>
    <script src="static/js/bootstrap.js"></script>
    <!--提示框-->
	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
	<script type="text/javascript" src="static/xw/js/caseOrder_add.js"></script>
	<script type="text/javascript">
			$(top.hangge());
	</script>
</head>

<body>
    <div class="container-fluid">
        <div class="row" id="row">
        <!-- 患者主要信息展示页面 -->
            <div class="col-sm-12 col-md-12 col-lg-12 main " style="border:none;min-height:750px;">
                <form action="">
                    <!-- 患者信息 -->
                    <div class="r1">
                        <div class="col-sm-2 col-md-2 col-lg-2 lf left ">
                            <i>*</i>
                            <span>姓名:</span>
                        </div>
                        <div class="col-sm-10 col-md-10 col-lg-10 lf right">
                            <!-- 姓名输入框 -->
                            <div class="col-sm-6 col-md-6 col-lg-6 box">
                                <input type="text" class="name" placeholder="请输入患者姓名" value="${caseOrder.name }"  readonly="readonly">
                            </div>
                            <!-- 性别选择 -->
                            <div class="col-sm-6 col-md-6 col-lg-6 sex">
                                <div class="left lf">
                                    <i>*</i>
                                    <span>姓别:</span>
                                </div>
                                <div class="right">
                                    <label >${caseOrder.sex }</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 年龄及联系方式 -->
                    <div class="r2">
                        <div class="col-sm-2 col-md-2 col-lg-2 lf left ">
                            <i>*</i>
                            <span>年龄:</span>
                        </div>
                        <div class="col-sm-10 col-md-10 col-lg-10 lf right">
                            <!-- 年龄输入框 -->
                            <div class="col-sm-6 col-md-6 col-lg-6 box">
                                <input type="text" class="age" value="${caseOrder.age }" readonly="readonly">&nbsp;&nbsp; 岁
                            </div>
                            <!-- 联系方式 -->
                            <div class="col-sm-6 col-md-6 col-lg-6">
                                <div class="left lf">
                                    <i>*</i>
                                    <span>电话:</span>
                                </div>
                                <div class="right">
                                    <input type="text" class="phone"  value="${caseOrder.phone }" readonly="readonly">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 医生主诉 -->
                    <div class="r7">
                        <div class="col-sm-2 col-md-2 col-lg-2 lf left ">
                            <span>主诉/
                                <br>现病史:</span>
                        </div>
                        <div class="col-sm-10 col-md-10 col-lg-10 lf right">
                            <textarea name="" id="" cols="30" rows="10"  class="textarea" readonly="readonly">${caseOrder.xbs }</textarea>
                        </div>
                    </div>
                    <!-- 收货人 -->
                    <div class="r5">
                        <div class="col-sm-2 col-md-2 col-lg-2 lf left ">
                            <span>体格检查:</span>
                        </div>
                        <div class="col-sm-10 col-md-10 col-lg-10 lf right">
                            <span>体温</span>
                            <input type="text" class="temperature" value="${ caseOrder.tw}" readonly="readonly">℃
                            <span style="margin-left:20px;">体重</span>
                            <input type="text" class="tz" value="${caseOrder.tz }" readonly="readonly">KG
                            <span style="margin-left:20px;">心率</span>
                            <input type="text" class="xl" value="${caseOrder.xl }" readonly="readonly">bpm
                            <span style="margin-left:20px;">血压</span>
                            <input type="text" class="tz" placeholder="收缩压" value="${caseOrder.ssy }" readonly="readonly">/
                            <input type="text" class="xl" placeholder="舒张压" value="${ caseOrder.szy}" readonly="readonly">mmHg

                        </div>
                    </div>
                    <!-- 医生诊断 -->
                    <div class="r7">
                        <div class="col-sm-2 col-md-2 col-lg-2 lf left ">
                            <i>*</i>
                            <span>诊断:</span>
                        </div>
                        <div class="col-sm-10 col-md-10 col-lg-10 lf right">
                            <textarea name="" id="" cols="30" rows="10"  class="textarea"   readonly="readonly">${caseOrder.zd }</textarea>
                        </div>
                    </div>
                    <!-- 添加影像资料 -->
                    <div class="r5">
                        <div class="col-sm-2 col-md-2 col-lg-2 lf left ">
                            <span>患者影像资料:</span>
                        </div>
                        <div class="col-sm-10 col-md-10 col-lg-10 lf right">
                            <c:forEach items="${images}" var="image" varStatus="vs">
					        	<%--<img src="<%=basePath%><%=Const.FILEPATHIMG%>${image.path}"/>--%>
					        	<a href="<%=basePath%><%=Const.FILEPATHIMG%>${image.path}" class="colorbox"><img src="<%=basePath%><%=Const.FILEPATHIMG%>${image.path}" style="width:70px;height:70px;"/></a>
					        </c:forEach>
                        </div>
                    </div>
    </div>    
	<script type="text/javascript" src="static/js/jquery.colorbox-min.js"></script><script type="text/javascript">
		$(top.hangge());
		$(function() {			
			//画廊
			$(".colorbox").colorbox({
		        rel: 'group1',
		        maxWidth:'100%',
				maxHeight:'100%',
			    current:'{current}/{total}'
		    });
			
		});
		</script>
</body>

</html>
